<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>选课系统个人信息界面</title>
<link rel="stylesheet" th:href="@{/layui/css/layui.css}">
<script type="text/javascript" th:src="@{/layui/layui.all.js}"></script>
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/layui/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/layui/js/area.js}"></script>
<script type="text/javascript" th:src="@{/layui/js/select.js}"></script>
<!--调整格式-->
<style>
    .layui-form-label{
        left: 500px;
        top: 20px;
        position: relative;
    }
    .layui-input-inline{
        left: 600px;
        top: 20px;
        position: relative;
    }
    .layui-input-block{
        position: relative;
        left: 50px;
        top: 70px;
    }
    #userNa{
        margin-left: 1400px;
    }
    #btns{
        margin-left: 1400px;
    }
</style>
</head>
<body>
<p id="userNa" th:text="'loginName:'+${userName}"></p>
<form method="POST" th:action="@{/logout}" id="logoutForm">
    <button type="submit" id="btns" class="layui-btn layui-btn-danger layui-btn-radius">退出登录</button>
</form>
<div id="MyForm" style="width:100%;text-align:center">
    <form class="layui-form" th:method="get" th:object="${temp}" action="/SelectCourse">
        <div class="layui-form-item" id="formId">
            <label class="layui-form-label" id="Name">姓名</label>
            <div class="layui-input-inline">
                <input type="text" id="stuName" name="stuName" th:field="*{stuName}" lay-verify="required" autocomplete="off"
                       placeholder="请输入姓名" class="layui-input">
            </div>
            <span th:if="${#fields.hasErrors('stuName')}" th:errors="*{stuName}"></span>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label" id="Sto">学号</label>
            <div class="layui-input-inline">
                <input type="text" name="stuNo" id="stuNo" lay-verify="required" th:field="*{stuNo}" lay-reqtext="学号是必填项，岂能为空？"
                       placeholder="请输入学号" autocomplete="off" class="layui-input">
            </div>
            <span class="validationError" th:if="${#fields.hasErrors('stuNo')}" th:errors="*{stuNo}"></span>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label" id="Grade">年级</label>
            <div class="layui-input-inline">
                <select name="stuGrade" id="stuGrade">
                    <option value="2010">2010</option>
                    <option value="2011">2011</option>
                    <option value="2012">2012</option>
                    <option value="2013">2013</option>
                    <option value="2014">2014</option>
                    <option value="2015">2015</option>
                    <option value="2016">2016</option>
                    <option value="2017">2017</option>
                    <option value="2018">2018</option>
                    <option value="2019">2019</option>
                    <option value="2020">2020</option>
                </select>
            </div>
        </div>
        <!--layui+jquery实现省市联动操作-->
        <div class="layui-form-item">
            <label class="layui-form-label" id="Col">请选择学院</label>
            <div class="layui-input-inline">
                <select name="college" id="college" lay-verify="required" lay-search lay-filter="college">
                    <option value="">学院</option>
                </select>
            </div>
            <div class="layui-input-inline">
                <select name="profession" id="profession" lay-verify="required" lay-search lay-filter="profession">
                    <option value="">专业</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
            </div>
        </div>
    </form>
</div>

<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate;
    });

</script>

</body>
</html>